Box Model CSS
ボックスモデル - ウェブ開発を学ぶ | MDN
Boxの性質
サイズ
標準のboxモデルのサイズ計測
https://gyazo.com/d02086b792e28d41d4e724a1da874828
box height = content height + padding-left + padding-right + border-left + border-right
box width = content width + padding-top + padding-bottom + border-top + border-bottom
box-sizing css
border-boxで、border-boxにすると
height,widthで指定したサイズにboxがなる
padding,borderがheight,widthに含まれる
block box ブロックボックス cssとinline box インラインボックス css
ページ上の他のボックスとの関係でボックスがどのように動作するかを示す
? 結局使い分けタイミングは？
要素自身の前後に改行を生成するかしないか
? 内側と外側のdisplay typeとは？
自身とその周りのboxを考慮して、設定する必要がある